<%--
  Created by IntelliJ IDEA.
  User: 13248
  Date: 2019/8/27
  Time: 23:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>发送get请求</title>
    <script>
        function getSend() {
            //创建一个xmlhttprequest对象
            var xmlHttp = new XMLHttpRequest();
            //设置回调函数
            xmlHttp.onreadystatechange = function () {
                //请求结束,执行响应
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    alert("响应数据:" + xmlHttp.responseText);
                }
            }
            xmlHttp.open("GET", "/HelloServlet?username=ming&password=22222");
            xmlHttp.send();
        }

        function getPost() {
            //创建一个xmlhttprequest对象
            var xmlHttp = new XMLHttpRequest();
            //设置回调函数
            xmlHttp.onreadystatechange = function () {
                //请求结束,执行响应
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    alert("响应数据:" + xmlHttp.responseText);
                }
            }
            //确定请求方式,请求路径
            xmlHttp.open("POST", "/HelloServlet");
            //设置请求编码
            xmlHttp.setRequestHeader("content-type", "application/x-www-form-urlencoded");
            //发送请求
            xmlHttp.send("username=xiaoliu&password=444");
        }

        function fn1() {
            //创建一个xmlhttprequest对象
            var xmlHttp = new XMLHttpRequest();
            //设置回调函数
            xmlHttp.onreadystatechange = function () {
                //请求结束,执行响应
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    alert("响应数据:" + xmlHttp.responseText);
                }
            }
            //确定请求方式,请求路径,发送同步请求
            xmlHttp.open("GET", "/HelloServlet?username=root&password=1234",false);
            //发送请求
            xmlHttp.send();
        }

        function fn2() {
            //创建一个xmlhttprequest对象
            var xmlHttp = new XMLHttpRequest();
            //设置回调函数
            xmlHttp.onreadystatechange = function () {
                //请求结束,执行响应
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    alert("响应数据:" + xmlHttp.responseText);
                }
            }
            //确定请求方式,请求路径,发送异步请求
            xmlHttp.open("GET", "/HelloServlet?username=xiaoliu&password=444",true);
            //发送请求
            xmlHttp.send();
        }
    </script>
</head>
<body>
<input type="button" value="点击发送get" onclick="getSend()">
<input type="button" value="点击发送post" onclick="getPost()"><br>
<input type="button" value="同步发送请求" onclick="fn1()"><br>
<input type="button" value="异步发送请求" onclick="fn2()"><br>
<input type="button" value="测试按钮" onclick="alert('hhhhh')">
</body>
</html>
